<!DOCTYPE html>

<html data-theme="dark" lang="zh-CN">
<head><meta name="description" content="合集 · Ruotong Music｜若通音乐 - 若通音乐（Ruotong Music）。页面：collections。高品质商用音乐与音效，授权便捷，企业合作支持。">
<script nonce="ruP12rkDW4rj6qF0sFb4pA">
   /* rt-pre-theme */
(function(){
  try{
    var t = localStorage.getItem('theme');
    if(!t){ t = (window.matchMedia && matchMedia('(prefers-color-scheme: dark)').matches) ? 'dark' : 'light'; }
    document.documentElement.setAttribute('data-theme', t);
  }catch(e){}
})();
  </script>
<meta content="default-src 'self'; script-src 'self' https://www.googletagmanager.com https://unpkg.com 'nonce-ruP12rkDW4rj6qF0sFb4pA' 'strict-dynamic' 'report-sample'; style-src 'self' 'unsafe-inline' 'report-sample'; img-src 'self' data: https: blob:; font-src 'self' data: https:; connect-src 'self' https:; frame-src 'self' https:; object-src 'none'; base-uri 'self'; frame-ancestors 'none'; upgrade-insecure-requests" http-equiv="Content-Security-Policy"/>
<meta content="light dark" name="color-scheme"/>
<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1" name="viewport"/>
<title>
   合集 · Ruotong Music｜若通音乐
  </title>
<meta content="若通音乐：高品质商用音乐与音效平台，提供 BPM/Key、版本剪辑与分轨 Stems，波形预览与智能搜索，适用广告、短视频、影视与游戏制作。" name="description"/>
<link as="image" fetchpriority="high" href="assets/logo.svg" rel="preload"/>









<style>
   /* a11y helpers */
.skip-link{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden;}
.skip-link:focus{left:16px;top:16px;width:auto;height:auto;z-index:10000;padding:10px 14px;background:#000;color:#fff;border-radius:6px;}
.visually-hidden{position:absolute!important;clip:rect(1px,1px,1px,1px);padding:0;border:0;height:1px;width:1px;overflow:hidden;white-space:nowrap;}
  </style>
<link href="/πÇÉµû░Φë▓τ¢ÿπÇæµò┤Σ╜ôτ╜æτ½Ö-v331/site/collections.html" rel="canonical"/>
<meta content="website" property="og:type"/>
<meta content="Ruotong Music" property="og:site_name"/>
<meta content="合集 · Ruotong Music｜若通音乐" property="og:title"/>
<meta content="若通音乐：高品质商用音乐与音效平台，提供 BPM/Key、版本剪辑与分轨 Stems，波形预览与智能搜索，适用广告、短视频、影视与游戏制作。" property="og:description"/>
<meta content="/πÇÉµû░Φë▓τ¢ÿπÇæµò┤Σ╜ôτ╜æτ½Ö-v331/site/collections.html" property="og:url"/>
<meta content="https://www.ruotongmusic.com/assets/og/cover.webp" property="og:image"/>
<meta content="summary_large_image" name="twitter:card"/>
<meta content="合集 · Ruotong Music" name="twitter:title"/>
<meta content="以流派、情绪与热度探索音乐合集。" name="twitter:description"/>
<meta content="https://www.ruotongmusic.com/static/og-cover.png" name="twitter:image"/>
<script nonce="ruP12rkDW4rj6qF0sFb4pA" type="application/ld+json">
   {"@context": "https://schema.org", "@type": "Organization", "name": "若通音乐", "url": "https://www.ruotongmusic.com", "logo": "https://www.ruotongmusic.com/assets/og/cover.webp"}
  </script>
<link href="/site.webmanifest" rel="manifest"/>
<meta content="#0b1220" name="theme-color"/>
<meta content="strict-origin-when-cross-origin" name="referrer"/>
<link href="/πÇÉµû░Φë▓τ¢ÿπÇæµò┤Σ╜ôτ╜æτ½Ö-v331/site/collections.html" hreflang="zh-CN" rel="alternate"/>
<link href="/πÇÉµû░Φë▓τ¢ÿπÇæµò┤Σ╜ôτ╜æτ½Ö-v331/site/collections.html?lang=en" hreflang="en-US" rel="alternate"/>
<script nonce="ruP12rkDW4rj6qF0sFb4pA" type="application/ld+json">
   {"@context": "https://schema.org", "@type": "WebSite", "name": "若通音乐", "url": "https://www.ruotongmusic.com", "potentialAction": {"@type": "SearchAction", "target": "https://www.ruotongmusic.com/search.html?q={query}", "query-input": "required name=query"}}
  </script>
<script async="True" crossorigin="anonymous" nonce="ruP12rkDW4rj6qF0sFb4pA" src="https://www.googletagmanager.com/gtag/js?id=G-XXXX123456">
</script>
<script nonce="ruP12rkDW4rj6qF0sFb4pA">
   window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag('js',new Date());gtag('config','G-XXXX123456');
  </script>

<meta content="dark light" name="color-scheme"/>
<script defer="True" nonce="ruP12rkDW4rj6qF0sFb4pA" src="../assets/js/theme-init.js">
</script>




<link href="//unpkg.com" rel="dns-prefetch"/>
<link crossorigin="anonymous" href="https://unpkg.com" rel="preconnect"/>
<link href="//www.googletagmanager.com" rel="dns-prefetch"/>
<link crossorigin="anonymous" href="https://www.googletagmanager.com" rel="preconnect"/>
<link href="//www.ruotongmusic.com" rel="dns-prefetch"/>
<link crossorigin="anonymous" href="https://www.ruotongmusic.com" rel="preconnect"/>
<meta content="#000000" media="(prefers-color-scheme: dark)" name="theme-color"/>
<meta content="#ffffff" media="(prefers-color-scheme: light)" name="theme-color"/>




<link href="/assets/apple-touch-icon.png" rel="apple-touch-icon" sizes="180x180"/>
<meta content="zh_CN" property="og:locale"/>


<!-- Favicon -->
<link href="/assets/favicon.svg" rel="icon" type="image/svg+xml"/>
<link href="/assets/favicon.ico" rel="icon" sizes="any"/>
<link href="/assets/favicon.png" rel="apple-touch-icon" sizes="180x180"/>

<link href="/assets/favicon-32.png" rel="icon" sizes="32x32" type="image/png"/>
<link href="/assets/favicon-16.png" rel="icon" sizes="16x16" type="image/png"/>
<link href="https://unpkg.com" rel="preconnect"/>
<link href="https://www.googletagmanager.com" rel="preconnect"/>

<link href="/zh/collections" hreflang="zh" rel="alternate"/><link href="/en/collections" hreflang="en" rel="alternate"/><link href="/ja/collections" hreflang="ja" rel="alternate"/>







<link rel="stylesheet" href="../assets/css/collections.min.css">
</head>
<body>
<style>
.skip-to-content{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;}
.skip-to-content:focus{left:16px;top:16px;width:auto;height:auto;z-index:10000;background:#fff;padding:8px 12px;border:1px solid #000;}
:focus-visible{outline:2px solid currentColor;outline-offset:2px;}
</style>
<a class="skip-to-content" href="#main">跳转到主内容</a>


<a class="skip-link" href="#main-content">
   跳到主要内容
  </a>
<a class="skip-link" href="#main">
   跳到主要内容
  </a>
<header class="header" role="banner">
<div class="container row">
<a aria-label="Ruotong Music 首页" class="logo" href="index-v2.html">
<img alt="Ruotong Music" decoding="async" fetchpriority="high" height="26" loading="eager" src="assets/logo.svg" width="26"/>
<strong>
      Ruotong Music
     </strong>
</a>
<nav aria-label="主导航">
<a href="index-v2.html">
      音乐
     </a>
<a aria-current="page" href="collections.html">
      合集
     </a>
<a href="pricing.html">
      价格
     </a>
<a href="support.html" id="help-link">
      支持
     </a>
</nav>
<div class="grow">
</div>
<div class="actions">
<button aria-label="切换明暗主题" aria-pressed="false" class="theme rt-theme-toggle icon-btn" id="rt-theme-toggle" type="button">
<svg aria-hidden="true" class="sun" height="16" viewbox="0 0 24 24" width="16">
<circle cx="12" cy="12" fill="currentColor" r="5">
</circle>
<path d="M12 1v3M12 20v3M4.2 4.2l2.1 2.1M17.7 17.7l2.1 2.1M1 12h3M20 12h3M4.2 19.8l2.1-2.1M17.7 6.3l2.1-2.1" fill="currentColor">
</path>
</svg>
<svg aria-hidden="true" class="moon" height="16" style="display:none" viewbox="0 0 24 24" width="16">
<path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" fill="currentColor">
</path>
</svg>
<span class="rt-visually-hidden">
       切换主题
      </span>
</button>
<a class="ghost" href="index-v2.html" id="header-login">
      登录
     </a>
<a class="btn" href="checkout.html">
      开始使用
     </a>
</div>
</div>
</header>
<main class="collections" id="main-content">
<h1 class="visually-hidden">
    合集 · Ruotong Music
   </h1>
<section class="searchbar container">
<div class="search-row">
<label aria-label="站内搜索" class="input search-input">
<svg aria-hidden="true" height="18" viewbox="0 0 24 24" width="18">
<use href="assets/icons.svg#i-search">
</use>
</svg>
<input aria-label="搜索：情绪 / 流派 / 参考曲目..." autocomplete="off" id="collections-q" placeholder="搜索：情绪 / 流派 / 参考曲目..." type="text"/>
<kbd class="kbd">
       ⌘K
      </kbd>
</label>
<button class="btn ghost" id="btn-by-video" type="button">
<svg aria-hidden="true" height="16" viewbox="0 0 24 24" width="16">
<use href="assets/icons.svg#i-play">
</use>
</svg>
      以视频搜歌
     </button>
</div>
<div class="quick row">
<a aria-label="最新" class="quick-card" href="playlist-ep.html">
<div class="icon">
<svg aria-hidden="true" height="18" viewbox="0 0 24 24" width="18">
<use href="assets/icons.svg#i-time">
</use>
</svg>
</div>
<div class="meta">
<div class="title">
        Latest tracks
       </div>
<div class="sub">
        新上架 · 最近添加
       </div>
</div>
</a>
<a aria-label="热门" class="quick-card" href="playlist-ep.html">
<div class="icon">
<svg aria-hidden="true" height="18" viewbox="0 0 24 24" width="18">
<use href="assets/icons.svg#i-heart">
</use>
</svg>
</div>
<div class="meta">
<div class="title">
        Popular tracks
       </div>
<div class="sub">
        最多播放 · 收藏最多
       </div>
</div>
</a>
</div>
</section>
<section class="container block">
<div class="block-head">
<h2>
      Genres
     </h2>
<a class="view-all" href="collections-tags.html?type=genres">查看全部</a>
</div>
<div aria-label="流派" class="tile-grid" id="genre-grid">
</div>
</section>
<section class="container block">
<div class="block-head">
<h2>
      Moods
     </h2>
<a class="view-all" href="collections-tags.html?type=moods">查看全部</a>
</div>
<div aria-label="情绪" class="tile-grid" id="mood-grid"></div>
</section>
<section class="container block">
<div class="block-head">
<h2>Instruments</h2>
<a class="view-all" href="collections-tags.html?type=instruments">查看全部</a>
</div>
<div aria-label="乐器" class="tile-grid" id="instrument-grid"></div>
</section>
<section class="container block">
<div class="block-head">
<h2>Scenes</h2>
<a class="view-all" href="collections-tags.html?type=scenes">查看全部</a>
</div>
<div aria-label="场景" class="tile-grid" id="scene-grid"></div>
</section>
</main>
<script nonce="ruP12rkDW4rj6qF0sFb4pA" src="js/app.js" defer>
</script>
<script nonce="ruP12rkDW4rj6qF0sFb4pA" src="js/collections.js" defer>
</script>
<script nonce="ruP12rkDW4rj6qF0sFb4pA" src="js/collections-bridge.js" defer>
</script>
<noscript>
   为获得完整体验，请启用浏览器 JavaScript。
  </noscript>
<script nonce="ruP12rkDW4rj6qF0sFb4pA" src="js/rt-theme.js" defer>
</script>
<script nonce="ruP12rkDW4rj6qF0sFb4pA">
   if('serviceWorker' in navigator){window.addEventListener('load',()=>{navigator.serviceWorker.register('/sw.js');});}
  </script>
<script nonce="ruP12rkDW4rj6qF0sFb4pA" src="js/rt-color-summary-inject.js" defer>
</script>
<script nonce="ruP12rkDW4rj6qF0sFb4pA" src="js/rt-color-button-overlay.js" defer>
</script>
<script nonce="ruP12rkDW4rj6qF0sFb4pA" src="js/rt-color-actions.js" defer>
</script>
<script nonce="ruP12rkDW4rj6qF0sFb4pA" src="../contrast/contrast-theme.js" defer>
</script>
<script nonce="ruP12rkDW4rj6qF0sFb4pA" src="../contrast/contrast-palette-restore.js" defer>
</script>
<script nonce="ruP12rkDW4rj6qF0sFb4pA" src="../contrast/contrast-swatch-attr.js" defer>
</script>
<script nonce="ruP12rkDW4rj6qF0sFb4pA" src="../contrast/contrast-palette-even.js" defer>
</script>
<script nonce="ruP12rkDW4rj6qF0sFb4pA" src="../contrast/contrast-palette-recent.js" defer>
</script>
<script src="js/a11y-and-motion.js" defer>
</script>
<footer class="sr-only">
</footer>

<!-- Ruotong Account Buttons (auto-wired) -->
<script>window.RUOTONG_API_BASE = window.RUOTONG_API_BASE || '/api';</script>
<link rel="stylesheet" href="/rt-assets/css/toast.css">
<link rel="stylesheet" href="/rt-assets/css/modal.css">
<script src="/rt-assets/js/toast.js" defer></script>
<script src="/rt-assets/js/modal.js" defer></script>
<script src="/rt-assets/js/account-actions.js" defer></script>


<script>
document.addEventListener('DOMContentLoaded', function(){
  try{ document.body.classList.add('rt-darkfix'); }catch(e){}
});
</script>

  <script src="js/auth.js" defer></script>
  <script src="js/nav-fallback.js" defer></script>
<script src="js/rt-favorites.js" defer></script>
</body>
</html>